.essential-theme {
  .is-product-tiles ion-card {
    border-radius: 5px;
    box-shadow: none;
    border: 1px solid map-get($colors, is-mute-light);

    div {
      position: relative;

      ion-fab {
        position: absolute;
        bottom: 0;
        right: 0;

        button {
          background-color: white;
          color: map-get($colors, is-mute-normal);

          .ion-md-play:before, .ion-ios-play:before {
            padding-left: 4px;
          }
        }

        button.fab-ios {
          border: 1px solid map-get($colors, is-mute-light);
          background-clip: border-box;
        }
      }
    }

    p {
      font-size: 1.2rem;
      font-weight: 400;
      color: map-get($colors, is-mute-normal);
    }

    h2 {
      margin-top: 6px;
      font-size: 1.5rem;
      color: map-get($colors, is-text-dark);
    }

    h4 {
      margin-top: 6px;
      font-size: 1.2rem;
      color: map-get($colors, primary);
    }
  }

  .is-product-tiles-unbordered ion-card {
    border: none;

    img {
      border-radius: 5px;
    }
  }
}
